<template>
  <div class='main_bg'>
  	<div class='main'>
  		<img src='static/img/logo.png' width="203" alt='金帛云 资产易' class="logo">
  		<ul class='threeNav'>
  			<li class='one'><router-link to='/product#1'><span>在售产品推荐</span></router-link></li>
  			<li class='two'><router-link to='/product#2'><span>可推荐资产</span></router-link></li>
  			<li class='three'><router-link to='release'><span>发布信息合作</span></router-link></li>
  		</ul>
  		<button class='login_btn'><router-link to='/login'>登录</router-link></button>
  	</div> 
  </div>
</template>

<script>
export default {
  name: 'index'
}
</script>

<style scoped="scoped">
.main_bg{height: 100%; background: url(../../assets/img/home_bg.png) no-repeat center;color: #fff;padding-top: 0.7rem;}
.main{width: 2.25rem;margin: 0 auto;}

.logo{display: inherit;margin:0 auto;}

.threeNav{padding-top: 0.5rem;}
.threeNav li{height: 0.66rem;padding:0.1rem 0 0.1rem 1rem;font-size: 0.16rem;text-align: center;margin-bottom: 0.5rem;}
.threeNav li span{display: inline-block;width: 100%;border-bottom:0.02rem solid #fff;padding-bottom: 0.24rem;}
.threeNav li.one{background: url(../../assets/img/nav_one.png) no-repeat left center/contain;}
.threeNav li.two{background: url(../../assets/img/nav_two.png) no-repeat left center/contain;}
.threeNav li.three{background: url(../../assets/img/nav_three.png) no-repeat left center/contain;}

.login_btn{background: #fff;color: #1E49A5;text-align: center;width: 90%;margin: 0 auto;height: 0.36rem;line-height: 0.36rem;display: inherit;}
</style>
